.main {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: #2b4b6b;
	color: #fff;

	.login_box {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 450px;
		height: 300px;
		margin-top: 50px;
		border-radius: 10px;
		background-color: #fff;
		color: #000;

		.avatar_box {
			position: absolute;
			top: 0;
			left: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100px;
			height: 100px;
			background-color: #fff;
			border: 1px solid #eee;
			border-radius: 50%;
			box-shadow: 0 0 10px #ddd;
			transform: translate(-50%, -50%);

			img {
				width: 80px;
				height: 80px;
				border: 1px solid #eee;
				border-radius: 50%;
				background-color: #eee;
			}
		}

		.el-form {
			margin-top: 50px;
			.el-button {
				width: 120px;
			}
		}

	}
}